<template>
  <div>
    <h1>我是父组件</h1>
    <p>我是父组件的num:{{ num }}</p>
    <hr>
    <!-- <son :value="num" @click="val => num=val" /> -->
    <!-- <son v-model="num" /> -->
    <!-- v-model只能绑定一次  而 .sync则可以绑定多次 -->
    <son :value.sync="num" />
  </div>
</template>

<script>
import Son from '../Son/Son.vue'
export default {
  components: {
    Son
  },
  data() {
    return {
      num: 100
    }
  }

}
</script>

<style>

</style>
